<template>
	<div id="core-panel">
		<div :class="[panelCss,cname]">
			<h4>- {{title}} -</h4>
			<slot></slot>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			cname:{type:String,default:""},
			title:{type:String,default:""}
		},
		data(){
			return {
				panelCss:'panel'
			}
		}
	}
</script>

<style lang="scss">
	@import "~@/assets/css/main.scss";
	.panel{
		@include panel;
	}
</style>
